<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		
		<style>
			*{
				margin: 0;
				padding: 0;
			}
			/*.div1{
				width: 150px;
				height: 100px;
				background-color: red;
			}
			span{
				background-color: green;
			}
			.span2{
				display: inline-block;
				height: 50px;
			}
			.span3 span{
				font-size: 20px;
			}*/
			div{
				/*width: 100px;
				height: 100px;*/
				background-color: red;
			}
			.div2{
				background-color: green;
			}
			.div3{
				background-color: blue;
			}
			/*.div10{
				width: 200px;
				height: 200px;
				background-color: blue;
				position: absolute;
				left: 50%;
				top: 50%;
				margin-left: -100px;
				margin-top: -100px;
			}*/
			/*html,body{
				width: 100%;
				height: 100%;
			}*/
			.masker{
				background-color: #000000;
				opacity: 0.2;
				position: fixed;
				left: 0;
				top: 0;
				bottom: 0;
				right: 0;
				display: none;
				/*width: 100%;
				height: 100%;*/
			}
		</style>
	</head>
	<body>
		
		<!--<div class="div1"></div>-->
		<!--<span>span1</span>
		<span class="span2">span2</span>
		<span>span3</span>-->
		
		<!--<div></div>-->
		<!--<div>
			<div class="div1">
				<span>span1</span>
				<span>span2</span>
				<span>span3</span>
			</div>
		</div>
		
		<div class="div2"></div>
		<div class="div3"></div>-->
		
		
		<!--<div class="div10"></div>-->
		
		
		<div class="masker"></div>
		<ul>
			<li>item</li>
			<li>item</li>
			<li>item</li>
			<li>item</li>
			<li>item</li>
			<li>item</li>
			<li>item</li>
			<li>item</li>
			<li>item</li>
			<li>item</li>
		</ul>
		
		
	</body>
</html>
